<!--<template>-->
<!--  <div>-->
<!--    <video ref="videoElement" controls></video>-->
<!--    <button @click="startRecording">开始录制</button>-->
<!--    <button @click="stopRecording">停止录制</button>-->
<!--    <button @click="downloadRecording">下载录制</button>-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--export default {-->
<!--  data() {-->
<!--    return {-->
<!--      mediaRecorder: null,-->
<!--      recordedChunks: [],-->
<!--    };-->
<!--  },-->
<!--  mounted() {-->
<!--    const videoElement = this.$refs.videoElement;-->
<!--    const streamUrl = 'https://111.230.45.109:8088/live/13016@34020000001320000006.flv';-->

<!--    // 获取远程视频流-->
<!--    navigator.mediaDevices.getUserMedia({ video: { src: streamUrl } })-->
<!--        .then((stream) => {-->
<!--          videoElement.srcObject = stream;-->
<!--          videoElement.play();-->
<!--        })-->
<!--        .catch((error) => {-->
<!--          console.error('Error accessing remote video stream:', error);-->
<!--        });-->
<!--  },-->
<!--  methods: {-->
<!--    startRecording() {-->
<!--      const videoElement = this.$refs.videoElement;-->
<!--      const stream = videoElement.srcObject;-->

<!--      // 创建MediaRecorder对象-->
<!--      this.mediaRecorder = new MediaRecorder(stream);-->

<!--      // 监听录制数据-->
<!--      this.mediaRecorder.addEventListener('dataavailable', (event) => {-->
<!--        if (event.data.size > 0) {-->
<!--          this.recordedChunks.push(event.data);-->
<!--        }-->
<!--      });-->

<!--      // 开始录制-->
<!--      this.mediaRecorder.start();-->
<!--    },-->
<!--    stopRecording() {-->
<!--      // 停止录制-->
<!--      this.mediaRecorder.stop();-->
<!--    },-->
<!--    downloadRecording() {-->
<!--      const blob = new Blob(this.recordedChunks, { type: 'video/webm' });-->
<!--      const url = URL.createObjectURL(blob);-->

<!--      // 创建一个下载链接-->
<!--      const a = document.createElement('a');-->
<!--      a.href = url;-->
<!--      a.download = 'recorded_video.webm';-->
<!--      a.click();-->

<!--      // 释放URL对象-->
<!--      URL.revokeObjectURL(url);-->
<!--    },-->
<!--  },-->
<!--};-->
<!--</script>-->
